<!-- Dom模板 -->
<template>
  <div>
    <!-- Dom内容 -->
    <div>
        <input type="text" name="" v-model="shopVal" id="">
        <button @click="search">搜索</button>
    </div>
    <div>
        <div v-for="(item,index) in shopList" :key="index">
            <p>{{item.shop}}</p>
            <p>{{item.price}}</p>
        </div>
    </div>
  </div>
</template>

<script>
// import a from './a'; // 引入组件
export default {
  name: '',
  data() {
    return {
      msg: '测试',
      navList:[],
      shopList:[],
      shopVal:''
    }
  },
  // 生命周期 - 创建完成（访问当前this实例）
  created() {
      
  },
  // 生命周期 - 挂载完成（访问DOM元素）
  mounted() {
      this.getNavList()
  },
  // Vue方法定义
  methods: {
      getNavList(){
        this.$store.dispatch('classfy/getNavList',{}).then((res)=>{
            res.data.filter(item=>{
                this.navList = this.navList.concat(item.group)
            })
        })
      },
      search(){
          this.shopList = this.navList.filter(item=>{
              return item.shop.indexOf(this.shopVal) !== -1
          })
      }
  }
}
</script>

<style scoped>
/* @import url(''); 引入css类 */

</style>